<a name="top"></a>
<div id="siteheader">
	<div id="headercontainer">
		<div id="header">
			<a href="${ui.base}"><img src="${base}/resources/themes/evernote/images/logo_197x49.gif" alt="everblog" id="sitelogo" /></a>
 
			<div id="center_links">
				<a href="#">Learn more</a> | <a href="#" style="color: #550F08">Noteworthy Blog</a> |  <a href="${ui.base}/group/">The Group</a> 
			</div>
			
			<div id="utility_links">
				[#if ACCOUNT??][#assign ac=ACCOUNT/][/#if]
				[#if ac??]
					<p class="left"><a href="javascript:;" id="profile" class='active' title="Welcome back, ${ac.nickName}">${ac.nickName}</a>
					<form id='profileForm' action='${ui.base}/account/profile' method='post'></form></p>
					<p><a href="${ui.base}/account/logout" title="Logout">Sign Out</a></p>
				[#else]
					<p class="left"><a href="${ui.base}/account/login" title="Sign In" target="_blank">Sign In</a></p>
					<p><a href="${ui.base}/account/register" title="Create Account" target="_blank">Create Account</a></p>
				[/#if]
				<p class="left"><a href="#">Downloads</a></p>
				<p><a href="#">Contribute Us</a></p>
			</div>
		</div>
		<div class="clr">&nbsp;</div>
	</div><!-- /headercontainer -->
</div><!-- /siteheader -->